<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>待取列表</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="yes" name="apple-touch-fullscreen">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no,email=no" name="format-detection">
		<!--[if lt IE 9]> 
		<script src=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
		<![endif]-->
		<script type="text/javascript" src="../../js/init.js"></script>
		<link rel="stylesheet" href="../../font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<script type="text/javascript" src="../../font/iconfont.js"></script>
		<style type="text/css">
			html {
				width: 100%;
				height: 100%;
				background-color: #f1f1f1;
			}
			.cons {
				padding: 0.26rem ;
				background-color: #f1f1f1;
				font-size: 0.3rem;
			}
			.cons .con {
				margin-bottom: 0.26rem;
				background-color: #fff;
			}
			.cons .con .top {
				padding: 0 0.16rem;
				line-height: 0.86rem;
				height: 0.86rem;
				position: relative;
				border-bottom: 1px dashed #e3e3e3;
			}
			.cons .con .top .left {
				color: #559657;
			}
			.cons .con .top .right {
				color: #7b7b7b;
				position: absolute;
				right: 0.2rem;
			}
			.cons .con .bottom {
				padding: 0.16rem;
				position: relative;
			}
			.cons .con .bottom text {
				display: block;
				height: 0.56rem;
				line-height: 0.56rem;
				color: #222;
			}
			.cons .con .bottom .time {
				color: #7b7b7b;
				
			}
			.cons .con .bottom .price {
				position: absolute;
				right: 0.2rem;
				color: #029df8;
				bottom: 1rem;
			}
			.cons .con .bottom button {
				color: #fff;
				background-color: #428bca;
				height: 0.68rem;
				width: 1.88rem;
				line-height: 0.68rem;
				text-align: center;
				position: absolute;
				right: 0.2rem;
				bottom: 0.2rem;
				border-radius: 0.1rem;
				border: none;
			}
		</style>
	</head>
	<body>
		<header>
			<span></span>
			<text class="title">待取列表</text>
			<text class="iconfont icon-llmainpageback" id="back"></text>
			<text class="iconfont icon-iconfontclosesmall"></text>
			<text class="iconfont icon-gengduo"></text>
		</header>
		<section class="cons">
			<div class="con">
				<div class="top">
					<text class="left">已支付</text>
					<text class="right iconfont icon-shijian"> 就诊日期：2016-12-12</text>
				</div>
				<div class="bottom">
					<text class="yuanqu">就诊院区：总院</text>
					<text class="keshi">就诊科室：神经内科</text>
					<text class="person">就诊人：黄奕天</text>
					<text class="time">2016-12-12 15:26:28</text>
					<text class="price">￥14</text>
					<button>待取号</button>
				</div>
			</div>
		</section>
	</body>
	<script type="text/javascript">
		var htmlC = document.getElementsByClassName("cons")[0].innerHTML;
		
				for (var i = 0;i < 2;i++) {
					htmlC += '<div class="con">'+
					'<div class="top">'+
						'<text class="left">已支付</text>'+
						'<text class="right iconfont icon-shijian"> 就诊日期：2016-12-12</text>'+
					'</div>'+
					'<div class="bottom">'+
						'<text class="yuanqu">就诊院区：总院</text>'+
						'<text class="keshi">就诊科室：神经内科</text>'+
						'<text class="person">就诊人：黄奕天</text>'+
						'<text class="time">2016-12-12 15:26:28</text>'+
						'<text class="price">￥14</text>'+
						'<button>待取号</button>'+
					'</div>'+
				'</div>'
				}
				document.getElementsByClassName("cons")[0].innerHTML = htmlC;
				document.getElementById("back").onclick = function(){
				window.history.back(-1);
		}
	</script>
</html>
